import React, { Component } from 'react';

let arr =[
    {
        name:'订单服务',
        arrs:[
            {
                arrsName:'购买指南',
            },
            {
                arrsName:'支付方式',
            },
            {
                arrsName:'送货政策',
            },
        ]
    },
    {
        name:'服务支持',
        arrs:[
            {
                arrsName:'售后服务',
            },
            {
                arrsName:'维修门店',
            },
            {
                arrsName:'零售门店',
            },
        ]
    },
    {
        name:'自动服务',
        arrs:[
            {
                arrsName:'热点咨询',
            },
            {
                arrsName:'预约购买',
            },
            {
                arrsName:'订单物流',
            },
        ]
    },
    {
        name:'媒体中心',
        arrs:[
            {
                arrsName:'新闻动态',
            },
            {
                arrsName:'官方视频',
            },
            {
                arrsName:'图片资源',
            },
        ]
    },
    {
        name:'关于公司',
        arrs:[
            {
                arrsName:'公司简介',
            },
            {
                arrsName:'加入我们',
            },
            {
                arrsName:'联系我们',
            },
        ]
    },
    {
        name:'关注我们',
        arrs:[
            {
                arrsName:'新浪微博',
            },
            {
                arrsName:'官方微信',
            },
            {
                arrsName:'官方贴吧',
            },
        ]
    },
]
let h0 = '175px'
let style={
    headline:{
        'display':'inline-block',
        'padding':'50px',
    },
    footerImpl:{
        // 'margin':'auto',
        'width':'600px',
        'height':h0,
        'lineHeight': h0,
    },
}
class FooterImpl extends Component {
    constructor(props) {
        super(props)
        this.state = {
            
        }
    }
    componentWillMount() {
    
    }
    render() {
        return <div className="footerImpl">
            {arr.map((headline, i) =><div key={i} className='headline' style={style.headline}>
                <div className='hlName'>
                    <strong>{headline.name}</strong>
                </div>
                <div className='h1Arrs'>{headline.arrs.map((content, i) =><div key={i} className='content'>
                    {content.arrsName}
                </div>)}</div>
            </div>)}
        </div>
    }
}

export default FooterImpl;